<script setup lang="ts">
import UserInfo from "@/views/Student/personal/Home/component/user-info.vue";
import LearningRecords from "@/views/Student/personal/Home/component/learning-records.vue";
import CourseCompleted from "@/views/Student/personal/Home/component/course-completed.vue";
import HistoricalModel from "@/views/Student/personal/Home/component/historical-model.vue";
const bodyStyle = {
  padding: '0 7%'
}
</script>

<template>
  <a-card :bordered="false" :body-style="bodyStyle" style="height: 100%">
    <user-info></user-info>
    <LearningRecords></LearningRecords>
    <CourseCompleted></CourseCompleted>
    <historical-model></historical-model>
  </a-card>
</template>

<style lang="scss" scoped>
</style>